<template>
	<view class="Alertbox">
		<view class="alertHeader"><text>奈雪点单  申请</text><text @click="close">X</text></view>
		<view class="alerttop" style="font-weight: 700;">发送一次以下信息</view>
		<view class="alertcenter"><checkbox></checkbox>会员等级变更通知</view>
		<view class="alertcenter"><checkbox></checkbox>会员活动通知</view>
		<view class="alertbotton">
			<span style="background-color: #8cc540;color:white;" class="span">允许</span>
			<span style="background-color:aliceblue;color:#8cc540;" class="span">取消</span>
		</view>
		<view class="alertFooter"><checkbox></checkbox>总是保持以上选择</view>
	</view>
</template>

<script setup>
	const emit=defineEmits(['close'])
	const close=()=>{
		emit('close',close)
	}
</script>

<style  scoped>
	.Alertbox{
		width:300px;
		background-color: white;
		border-radius: 10px;
		position: fixed;
		top:120px;
		left:35px;
		font-size: 14px;
	}
	.Alertbox view{
		width: 280px;
		margin: 25px 10px;
	}
	.alertbotton .span{
		display: inline-block;
		width:120px;
		height:35px;
		line-height: 35px;
		text-align: center;
		border-radius: 3px;
		margin: 0 10px;
	}
	.alertHeader{
		display: flex;
		justify-content: space-between;
	}
</style>